<template>
  <div>
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="租房分期" name="first">
        <div class="top">
          <h4><i></i>分期简介</h4>
          <p>租房分期是由维数金融基于区块链和智能合约以及通过大数据建模分析基础上，为公寓企业针对租客提供的一款月付房租的产品。为此，公寓企业可以享受快捷、方便、低成本的融资服务；租客可以享受房租的轻松月付功能，轻松便利，信用记录优质的租客还能享受免租房免押金。维数金融直接一次性垫付租客的应付房租，租客分期进行偿还。</p>
        </div>
        <div class="content">
          <h4><i></i>具体内容</h4>
          <div class="left">
            <img src="http://localhost:9080/assets_front/v2.0/images/jr_server.jpg" alt="">
            <ul>
              <li>分期要素</li>
              <li>1.授信额度：一般为租客11个月租金</li>
              <li>2.分期利率：年华13%左右，月息不高于0.75%，优质项目可谈</li>
              <li>3.还款方式：按月还款（按月偿还本金与利息，即每月应还本息总额=借款本金/借款期限（月数）+借款本金×月利率），或利息和费用前扣</li>
              <li>4.分期期限：12/24个月</li>
              <li>5.一次性服务费：不高于1%，优质项目可低至0.25%</li>
            </ul>
          </div>
          <div class="right">
            <div class="rtop">
              <ul class='size'>
                <li class='arriveColor'>申请</li>
                <li>尽调</li>
                <li>签约</li>
                <li>房款</li>
                <li>还款</li>
                <li>逾期</li>
              </ul>
              <div class="line">
                <ul class='dot'>
                  <li class='arriveColorl'></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                  <li></li>
                </ul>
              </div>
            </div>
            <div class="bottom">
              <h4>申请条件</h4>
              <ul>
                <li>1. 200间以上的集中式公寓或500间以上的分散式公寓；</li>
                <li>2.处国家一线、二线城市以及省会城市</li>
                <li>3.物业及土地性质/消防环保符合当地规定，分散式N+1</li>
                <li>4.企业经营时间在半年及以上</li>
                <li>5.企业主体征信无不良记录</li>
              </ul>
            </div>
          </div>
        </div>
        <div class="xia">
          <button type='button' onclick="top.location.href='${base.contextPath}/index.html#rentInstallment/show'; ">在线申请</button>
        </div>

      </el-tab-pane>
      <el-tab-pane label="收房贷" name="second">
        <div class="sfd">
          <div class="top">
            <h4><i></i>房货简介</h4>
            <p> 收房贷是由维数金融针对公寓企业给予一次性的定向授信，用于缴付业主房租。维数金融直接垫付公寓企业应付业主的房租，公寓企业分期进行偿还。根据长租公寓的不同偏好和实际情况，可分别选择以业主作为借款人的应收租金转让模式、以长租公寓作为借款人存量租约质押借款模式和长租公寓作为借款人的房源共同托管模式。</p>
          </div>
          <div class="content">
            <h4><i></i>具体内容</h4>
            <div class="left">
              <img src="http://localhost:9080/assets_front/v2.0/images/jr_server.jpg" alt="">
              <ul>
                <li>分期要素</li>
                <li>1.授信额度：一般为租客11个月租金</li>
                <li>2.分期利率：年华13%左右，月息不高于0.75%，优质项目可谈</li>
                <li>3.还款方式：按月还款（按月偿还本金与利息，即每月应还本息总额=借款本金/借款期限（月数）+借款本金×月利率），或利息和费用前扣</li>
                <li>4.分期期限：12/24个月</li>
                <li>5.一次性服务费：不高于1%，优质项目可低至0.25%</li>
              </ul>
            </div>
            <div class="right">
              <div class="rtop">
                <ul class='size'>
                  <li class='arriveColor'>申请</li>
                  <li>尽调</li>
                  <li>签约</li>
                  <li>房款</li>
                  <li>还款</li>
                  <li>逾期</li>
                </ul>
                <div class="line">
                  <ul class='dot'>
                    <li class='arriveColorl'></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                  </ul>
                </div>
              </div>
              <div class="bottom">
                <h4>申请条件</h4>
                <ul>
                  <li>1. 200间以上的集中式公寓或500间以上的分散式公寓；</li>
                  <li>2.处国家一线、二线城市以及省会城市</li>
                  <li>3.物业及土地性质/消防环保符合当地规定，分散式N+1</li>
                  <li>4.企业经营时间在半年及以上</li>
                  <li>5.企业主体征信无不良记录</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="xia">
            <button type='button' onclick="top.location.href='${base.contextPath}/index.html#sfloan/showSfloanApply.html'; ">在线申请</button>
          </div>
        </div>
      </el-tab-pane>
      <el-tab-pane label="应收租约保理" name="third">
        <div class="yszybl">
          <div class="content">
            <h4><i></i>具体内容</h4>
            <div class="left">
              <img src="http://localhost:9080/assets_front/v2.0/images/jr_server.jpg" alt="">
              <ul>
                <li>分期要素</li>
                <li>1.授信额度：一般为租客11个月租金</li>
                <li>2.分期利率：年华13%左右，月息不高于0.75%，优质项目可谈</li>
                <li>3.还款方式：按月还款（按月偿还本金与利息，即每月应还本息总额=借款本金/借款期限（月数）+借款本金×月利率），或利息和费用前扣</li>
                <li>4.分期期限：12/24个月</li>
                <li>5.一次性服务费：不高于1%，优质项目可低至0.25%</li>
              </ul>
            </div>
            <div class="right">
              <div class="rtop">
                <ul class='size'>
                  <li class='arriveColor'>申请</li>
                  <li>尽调</li>
                  <li>签约</li>
                  <li>房款</li>
                  <li>还款</li>
                  <li>逾期</li>
                </ul>
                <div class="line">
                  <ul class='dot'>
                    <li class='arriveColorl'></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                  </ul>
                </div>
              </div>
              <div class="bottom">
                <h4>申请条件</h4>
                <ul>
                  <li>1. 200间以上的集中式公寓或500间以上的分散式公寓；</li>
                  <li>2.处国家一线、二线城市以及省会城市</li>
                  <li>3.物业及土地性质/消防环保符合当地规定，分散式N+1</li>
                  <li>4.企业经营时间在半年及以上</li>
                  <li>5.企业主体征信无不良记录</li>
                </ul>
              </div>
            </div>
          </div>
          <div class="xia">
            <button type='button' onclick="top.location.href='${base.contextPath}/index.html#factoring/showFactoringApply.html'; ">在线申请</button>
          </div>
        </div>
      </el-tab-pane>
<!--      <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>-->
    </el-tabs>
  </div>
</template>

<script>
export default {
  name: "list",
  data() {
    return {
      activeName: 'second'
    };
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
}
</script>

<style scoped>

</style>
